require(['./config'], () => {
  require(['jquery', 'popper', 'header', 'bootstrap'], () => {
    class Register {
      constructor() {
        this.load()
        this.res()
      }
      load() {
        console.log($)
      }
      res() {
        console.log($('.login_phone_register ul li:nth-child(6)'))
        //同意的框框
        const checkebox = $('.login_phone_register ul li:nth-child(6)').find('input'),
          //注册按钮
          resBtn = $('.login_phone_register ul li:nth-child(7)').find('button'),
          //p同意标签
          agreep = $('.login_phone_register ul li:nth-child(6)').find('p'),
          //用户
          username = $('#username'),
          //密码
          pwd1 = $('#pwdInput1'),
          //确认密码
          pwd2 = $('#pwdInput2')
          
        checkebox.on('click', function () {
          agreep.css('display', 'block');
          // console.log(checkebox.prop('checked'));
          console.log(resBtn.prop('disabled'));
          resBtn.prop('disabled', true)
          false
          // console.log(checkebox.attr('checked'));
          // console.log(checkebox.css('checked'));
          if (checkebox.prop('checked')) {
            agreep.css('display', 'none');
            resBtn.prop('disabled', false);
          }
        })
        resBtn.on('click', function () {
          if (username.val() === '' || pwd2.val() === '' || pwd1.val() === '') {
            alert('输入不符合要求')
          } else {
            if (pwd1.val() !== pwd2.val()) {
              alert('前后输入不一致')
            } else {
              //写入local
              const uim = JSON.parse(localStorage.getItem('usernameList'))
              //判断是否已经注册过了
              //如果注册过了则直接跳到登录
              let arr = [{username:username.val(),pwd:pwd2.val(),cart:[]}]
              console.log(uim)
              /*
                分为三种情况
                1.没有注册过uim 里面没有东西
                2.uim 里面 一条数据
                3.uim 里面 很多数据
              */
              // console.log(uim[0])
              if(uim){
                //如果存在
               
                const flag = uim.some(item=>{
                  return item.username === username.val()
                })

                //flag是用来判断第一次loac里面是否用用户的名单
                if(flag){
                  //里面已经有了
                  alert('老用户 给👴爬！')
                  window.location.href = '/html/login.html'
                }else{
                  console.log('新的用户，给👴加！')
                  let arr1 = {username:username.val(),pwd:pwd2.val(),cart:[]}
                  let b = uim.push(arr1)
                  console.log(uim)
                  localStorage.setItem('usernameList', JSON.stringify(uim));
                  alert('注册成功！')
                  window.location.href = '/html/login.html'
                }
              }else{
                //如果不存在
                let aa = [JSON.stringify(arr)]
                // JSON.stringify()作用 ： JavaScript 值转换为 JSON 字符串。
                let bb = [JSON.stringify(arr)]
                localStorage.setItem('usernameList', aa);
                localStorage.setItem('user', aa);
                alert('注册成功')
                window.location.href = '/html/login.html'
              }
              
            }
          }
        })

      }
    }
    return new Register()
  })
})